﻿@using BotDetect.Web.UI.Mvc
@model DHQGHN.PM2.Models.Online.ResidentReview


<link href="@Url.Content("~/Content/jquery-ui.1.10.2.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-ui.1.10.2.js")" type="text/javascript"></script>
<script>
    @functions{
          public string GetAntiForgeryToken()
          {
              string cookieToken, formToken;
              AntiForgery.GetTokens(null, out cookieToken, out formToken);
              return cookieToken + "," + formToken;
          }
      }

    jQuery(function ($) {
        function loaddata(flat, tick, click) {
            var dataSend = {
                'RESIDENT_ID': $("#RESIDENT_ID").val(),
                'flat': flat,
                'tick': tick,
                'click': click
            };
            var jqXHR = $.ajax({
                url: '@Url.Action("Details", "Online")',
                dataType: 'html',
                cache: false,
                method: 'post',
                headers: {
                    'VerificationToken': '@GetAntiForgeryToken()'
                },
                data: dataSend,
                success: function myfunctionSuccess(data, textStatus, jqXHR) {
                    $(".panel" + flat + "").html(data);
                    $(".panel" + flat + " #btnBack").hide();
                    $(".panel" + flat + " #btnNext").hide();
                },
                complete: function (jqXHR, textStatus) {
                    
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    alert('Có lỗi xảy ra trong quá trình lưu thông tin: ' + errorThrown);
                },
            });
        };
        var tick = "0";
        function clickpanel(value) {
            $("#" + value + "").click(function () {
                show(value);
                if (tick != value) {
                    closepanel(tick);
                    tick = value;
                }

            });
        }

        var arr = ['ttcn', 'ttks', 'ttcd', 'ttmd', 'ttnlh', 'tttthn', 'tttt1', 'tttt2', 'tttcc', 'ttlv', 'ttla', 'ttme', 'ttin'];
        $.each(arr, function (key, value) {
            clickpanel(value);
        });

        function closepanel(value) {
            if (value != "0") {
                var text = $(".panel" + value + "");
                text.slideUp('150');
                $("#" + value + "").children('span').html('+');
            }
        };
        var arr1 = [];
        var arr2 = [];
        function UpdateData(value) {
            if (checkhtml()) {
                alert("Dữ liệu nhập không được có ký tự '<' ở đầu.");
            } else {
                switch (value) {
                    case "ttcn":
                        kq = $("#XAAD").val();
                        if (kq == "-1") {
                            kq = "";
                        }
                        var dataSend = {
                            
                            'RESIDENT_ID': $("#RESIDENT_ID").val(),
                            'ADD_DETAILS': $("#ADD_DETAILS").val(),
                            'ADD_ADM_UNIT_ID': kq,
                            'NEXT': '0',

                        };
                        var jqXHR = $.ajax({
                            url: '@Url.Action("UpdateThongtincanhanNew", "Online")',
                            dataType: 'html',
                            cache: false,
                            method: 'post',
                            headers: {
                                'VerificationToken': '@GetAntiForgeryToken()'
                            },
                            data: dataSend
                           
                        });
                        break;
                    case "ttks":
                        ngay = $("#DAYKS1").val();
                        thang = $("#MONTHKS1").val();
                        nam = $("#YEARKS1").val();
                        MIDDLE_NAME = $("#MIDDLE_NAME").val();
                        LAST_NAME = $("#LAST_NAME").val();
                        FIRST_NAME = $("#FIRST_NAME").val();
                        var time = "";
                        var rdob = ""
                        if ($("#RDOB1").val() != "") {
                            time = $("#RDOB1").val().split("/");
                            rdob = time[2] + time[1] + time[0];
                        }
                        xanp = $("#XANP").val();
                        if (xanp == "-1") {
                            xanp = "";
                        }
                        xarp = $("#XARPOB").val();
                        if (xarp == "-1") {
                            xarp = "";
                        }
                        var dataSend = {
                           
                            'RESIDENT_ID': $("#RESIDENT_ID").val(),
                            'LAST_NAME': $("#LAST_NAME").val(),
                            'MIDDLE_NAME': $("#MIDDLE_NAME").val(),
                            'FIRST_NAME': $("#FIRST_NAME").val(),
                            'DATE_OF_BIRTH': nam + thang + ngay,
                            'PLACE_OF_BIRTH': $("#PLACE_OF_BIRTH").val(),
                            'RDOB': rdob,
                            'RPOB_ADM_UNIT_ID': xarp,
                            'GENDER_ID': $("#GENDER_ID").val(),
                            'ETHNIC_ID': $(".ETHNIC_ID").val(),
                            'COUNTRY_ID': $(".COUNTRY_ID").val(),
                            'BIRTH_REG_BOOK_NUM': $("#BIRTH_REG_BOOK_NUM").val(),
                            'BIRTH_REG_NUM': $("#BIRTH_REG_NUM").val(),
                            'NATIVE_PLACE': $("#NATIVE_PLACE").val(),
                            'NP_ADM_UNIT_ID': xanp,
                            'NEXT': '3',

                        };
                        var jqXHR = $.ajax({
                            url: '@Url.Action("Khaisinh1New", "Online")',
                            dataType: 'html',
                            method: 'post',
                            headers: {
                                'VerificationToken': '@GetAntiForgeryToken()'
                            },
                            cache: false,
                            data: dataSend
                        });
                        break;
                    case "ttcd":
                        var ngay = $("#DAYKS2").val();
                        var thang = $("#MONTHKS2").val();
                        var nam = $("#YEARKS2").val();
                        xa = $("#XAKS2").val();
                        if (xa == "-1") {
                            xa = "";
                        }
                        var dataSend = {
                            
                            'RESIDENT_ID': $("#RESIDENT_ID").val(),
                            'FATHER_LNAME': $("#FATHER_LNAME").val(),
                            'FATHER_MNAME': $("#FATHER_MNAME").val(),
                            'FATHER_FNAME': $("#FATHER_FNAME").val(),
                            'FATHER_DOB': nam + thang + ngay,
                            'FATHER_ETHNIC_ID': $(".FATHER_ETHNIC_ID").val(),
                            'FATHER_COUNTRY_ID': $(".FATHER_COUNTRY_ID").val(),
                            'FATHER_RPOB_ADM_UNIT_ID': xa,
                            'FATHER_IDCARD_NUM': $("#FATHER_IDCARD_NUM").val(),
                            'NEXT': '3',
                        };
                        var jqXHR = $.ajax({
                            url: '@Url.Action("Khaisinh2New", "Online")',
                            dataType: 'html',
                            headers: {
                                'VerificationToken': '@GetAntiForgeryToken()'
                            },
                            method: 'post',
                            cache: false,
                            data: dataSend
                            

                        });
                        break;
                    case "ttmd":
                        var ngay = $("#DAYKS3").val();
                        var thang = $("#MONTHKS3").val();
                        var nam = $("#YEARKS3").val();
                        xa = $("#XAKS3").val();
                        if (xa == "-1") {
                            xa = "";
                        }
                        var dataSend = {
                            'RESIDENT_ID': $("#RESIDENT_ID").val(),
                            'MOTHER_LNAME': $("#MOTHER_LNAME").val(),
                            'MOTHER_MNAME': $("#MOTHER_MNAME").val(),
                            'MOTHER_FNAME': $("#MOTHER_FNAME").val(),
                            'MOTHER_DOB': nam + thang + ngay,
                            'MOTHER_ETHNIC_ID': $(".MOTHER_ETHNIC_ID").val(),
                            'MOTHER_COUNTRY_ID': $(".MOTHER_COUNTRY_ID").val(),
                            'MOTHER_RPOB_ADM_UNIT_ID': xa,
                            'MOTHER_IDCARD_NUM': $("#MOTHER_IDCARD_NUM").val(),
                            'NEXT': '3',

                        };
                        var jqXHR = $.ajax({
                            url: '@Url.Action("Khaisinh3New","Online")',
                            dataType: 'html',
                            headers: {
                                'VerificationToken': '@GetAntiForgeryToken()'
                            },
                            method: 'post',
                            cache: false,
                            data: dataSend
                           

                        });
                        break;
                    case 'ttnlh':
                        var ngay = $("#DAYKS4").val();
                        var thang = $("#MONTHKS4").val();
                        var nam = $("#YEARKS4").val();
                        xa = $("#XAKS4").val();
                        if (xa == "-1") {
                            xa = "";
                        }
                        var dataSend = {
                            'RESIDENT_ID': $("#RESIDENT_ID").val(),
                            'LR_LNAME': $("#LR_LNAME").val(),
                            'LR_MNAME': $("#LR_MNAME").val(),
                            'LR_FNAME': $("#LR_FNAME").val(),
                            'LR_DOB': nam + thang + ngay,
                            'LR_ETHNIC_ID': $(".LR_ETHNIC_ID").val(),
                            'LR_COUNTRY_ID': $(".LR_COUNTRY_ID").val(),
                            'LR_RPOB_ADM_UNIT_ID': xa,
                            'LR_IDCARD_NUM': $("#LR_IDCARD_NUM").val(),
                            'LR_FAMILY_RELATION_ID': $(".LR_FAMILY_RELATION_ID").val(),
                            'NEXT': '3',
                        };
                        var jqXHR = $.ajax({
                            url: '@Url.Action("Khaisinh4New","Online")',
                            dataType: 'html',
                            headers: {
                                'VerificationToken': '@GetAntiForgeryToken()'
                            },
                            method: 'post',
                            data: dataSend,
                            cache: false
                        });
                        break;
                    case "tttthn":
                        var ngaysp = $("#DAYSP").val();
                        var thangsp = $("#MONTHSP").val();
                        var namsp = $("#YEARSP").val();
                        var ngaymr = $("#DAYMR").val();
                        var thangmr = $("#MONTHMR").val();
                        var nammr = $("#YEARMR").val();
                        var ngaydi = $("#DAYDI").val();
                        var thangdi = $("#MONTHDI").val();
                        var namdi = $("#YEARDI").val();
                        xasp = $("#XASP").val();
                        if (xasp == "-1") {
                            xasp = "";
                        }
                        xamr = $("#XAMR").val();
                        if (xamr == "-1") {
                            xamr = "";
                        }

                        var dataSend = {
                            'RESIDENT_ID': $("#RESIDENT_ID").val(),
                            'MARITAL_STATUS_ID': $(".MARITAL_STATUS_ID").val(),
                            'SPOUSES_LNAME': $("#SPOUSES_LNAME").val(),
                            'SPOUSES_MNAME': $("#SPOUSES_MNAME").val(),
                            'SPOUSES_FNAME': $("#SPOUSES_FNAME").val(),
                            'SPOUSES_DOB': namsp + thangsp + ngaysp,
                            'SPOUSES_COUNTRY_ID': $(".SPOUSES_COUNTRY_ID").val(),
                            'SPOUSES_RPOB_ADM_UNIT_ID': xasp,
                            'SPOUSES_ETHNIC_ID': $(".SPOUSES_ETHNIC_ID").val(),
                            'SPOUSES_IDCARD_NUM': $("#SPOUSES_IDCARD_NUM").val(),
                            'MARRIAGE_REG_DAY': nammr + thangmr + ngaymr,
                            'MARRIAGE_REG_NUM': $("#MARRIAGE_REG_NUM").val(),
                            'MRE_REG_ADM_UNIT_ID': xamr,
                            'DIV_REG_NUM': $("#DIV_REG_NUM").val(),
                            'DIV_REG_BOOK_NUM': $("#DIV_REG_BOOK_NUM").val(),
                            'DIV_COURT_ID': $(".DIV_COURT_ID").val(),
                            'DIV_REG_DAY': namdi + thangdi + ngaydi,
                            'NEXT': '3',
                        };
                        var jqXHR = $.ajax({
                            url: '@Url.Action("TinhTrangHonNhanNew","Online")',
                            dataType: 'html',
                            headers: {
                                'VerificationToken': '@GetAntiForgeryToken()'
                            },
                            method: 'post',
                            cache: false,
                            data: dataSend
                            

                        });
                        break;
                    case "tttt1":
                        var ngayis = $("#DAYIS").val();
                        var thangis = $("#MONTHIS").val();
                        var namis = $("#YEARIS").val();
                        var ngayrs = $("#DAYRS").val();
                        var thangrs = $("#MONTHRS").val();
                        var namrs = $("#YEARRS").val();
                        xa = $("#XATT1").val();
                        if (xa == "-1") {
                            xa = "";
                        }
                        var dataSend = {
                            'RESIDENT_ID': $("#RESIDENT_ID").val(),
                            'RST_BOOK_CODE': $("#RST_BOOK_CODE").val(),
                            'ISSUE_DATE': namis + thangis + ngayis,
                            'ADM_UNIT_ID': xa,
                            'ADDRESS_DETAILS': $("#ADDRESS_DETAILS").val(),
                            'RST_BOOK_NAME': $("#RST_BOOK_NAME").val(),
                            'RST_BOOK_DOB': namrs + thangrs + ngayrs,
                            'RST_BOOK_IDCARD_NUM': $("#RST_BOOK_IDCARD_NUM").val(),
                            'RST_BOOK_ETHNIC_ID': $(".RST_BOOK_ETHNIC_ID").val(),
                            'RST_BOOK_COUNTRY_ID': $(".RST_BOOK_COUNTRY_ID").val(),
                            'NEXT': '3',
                        };
                        var jqXHR = $.ajax({
                            url: '@Url.Action("ThuongTru1New","Online")',
                            dataType: 'html',
                            headers: {
                                'VerificationToken': '@GetAntiForgeryToken()'
                            },
                            method: 'post',
                            data: dataSend,
                            cache: false
                           

                        });
                        break;
                    case "tttt2":
                        var ngayar = $("#DAYAR").val();
                        var thangar = $("#MONTHAR").val();
                        var namar = $("#YEARAR").val();
                        xa = $("#XATT2").val();
                        if (xa == "-1") {
                            xa = "";
                        }
                        var dataSend = {
                            'RESIDENT_ID': $("#RESIDENT_ID").val(),
                            'RST_BOOK_RELATION_ID': $(".RST_BOOK_RELATION_ID").val(),
                            'ARRIVE_DATE': namar + thangar + ngayar,
                            'POBA_ADM_UNIT_ID': xa,
                            'RELIGION_ID': $(".RELIGION_ID").val(),
                            'NEXT': '3',

                        };
                        var jqXHR = $.ajax({
                            url: '@Url.Action("ThuongTru2New","Online")',
                            dataType: 'html',
                            headers: {
                                'VerificationToken': '@GetAntiForgeryToken()'
                            },
                            method: 'post',
                            cache: false,
                            data: dataSend
                            

                        });
                        break;
                    case "tttcc":
                        var IDCARD_ISSUSE_DATE = "";
                        var IDCARD_EXPIRED_DATE = "";
                        if ($("#IDCARD_ISSUSE_DATE1").val() != "") {
                            var time1 = $("#IDCARD_ISSUSE_DATE1").val().split("/");
                            IDCARD_ISSUSE_DATE = time1[2] + time1[1] + time1[0];
                        }

                        if ($("#IDCARD_EXPIRED_DATE1").val() != "") {
                            var time2 = $("#IDCARD_EXPIRED_DATE1").val().split("/");
                            IDCARD_EXPIRED_DATE = time2[2] + time2[1] + time2[0];

                        }


                        var dataSend = {
                            
                            'RESIDENT_ID': $("#RESIDENT_ID").val(),
                            'IDCARD_NUM': $("#IDCARD_NUM").val(),
                            'IDCARD_ISSUSE_DATE': IDCARD_ISSUSE_DATE,
                            'IDCARD_ISSUER_ID': $(".IDCARD_ISSUER_ID").val(),
                            'IDCARD_EXPIRED_DATE': IDCARD_EXPIRED_DATE,
                            'NEXT': '3',

                        };
                        var jqXHR = $.ajax({
                            url: '@Url.Action("TheCanCuocNew","Online")',
                            dataType: 'html',
                            headers: {
                                'VerificationToken': '@GetAntiForgeryToken()'
                            },
                            method: 'post',
                            data: dataSend,
                            cache: false
                           

                        });
                        break;
                    
                    case "ttlv":
                        var dataSend = {
                            
                            'RESIDENT_ID': $("#RESIDENT_ID").val(),
                            'EDUCATION_LEVEL_ID': $(".EDUCATION_LEVEL_ID").val(),
                            'TECHNICAL_LEVEL_ID': $(".TECHNICAL_LEVEL_ID").val(),
                            'EDUCATION_TRAINING_ID': $(".EDUCATION_TRAINING_ID").val(),
                            'NEXT': '3'

                        };
                        var jqXHR = $.ajax({
                            url: '@Url.Action("LevelPartialNew","Online")',
                            dataType: 'html',
                            headers: {
                                'VerificationToken': '@GetAntiForgeryToken()'
                            },
                            method: 'post',
                            cache: false,
                            data: dataSend
                           

                        });
                        break;
                    case "ttla":
                        var dataSend = {
                          
                            'RESIDENT_ID': $("#RESIDENT_ID").val(),
                            'OCCUPATION_ID': $(".OCCUPATION_ID").val(),
                            'WORK_PLACE': $("#WORK_PLACE").val(),
                            'OCCUP_STATUS_ID': $(".OCCUP_STATUS_ID").val(),
                            'NEXT': '3',

                        };
                        var jqXHR = $.ajax({
                            url: '@Url.Action("LaborAndJobPartialNew","Online")',
                            dataType: 'html',
                            headers: {
                                'VerificationToken': '@GetAntiForgeryToken()'
                            },
                            method: 'post',
                            cache: false,
                            data: dataSend
                          

                        });
                        break;
                    case "ttme":
                        var dataSend = {
                            
                            'RESIDENT_ID': $("#RESIDENT_ID").val(),
                            'BLOOD_GROUP_ID': $(".BLOOD_GROUP_ID").val(),
                            'DISABILITY_STATUS_ID': $(".DISABILITY_STATUS_ID").val(),
                            'SERIOUS_DISEASES_ID': $(".SERIOUS_DISEASES_ID").val(),
                            'NEXT': '3',

                        };
                        var jqXHR = $.ajax({
                            url: '@Url.Action("MedicinePartialNew","Online")',
                            dataType: 'html',
                            headers: {
                                'VerificationToken': '@GetAntiForgeryToken()'
                            },
                            method: 'post',
                            cache: false,
                            data: dataSend

                        });
                        break;
                    case "ttin":
                        var dataSend = {
                            
                            'RESIDENT_ID': $("#RESIDENT_ID").val(),
                            'SI_STATUS_ID': $(".SI_STATUS_ID").val(),
                            'HI_STATUS_ID': $(".HI_STATUS_ID").val(),
                            'NEXT': '1',
                        };
                        var jqXHR = $.ajax({
                            url: '@Url.Action("InsurancePartialNew","Online")',
                            dataType: 'html',
                            headers: {
                                'VerificationToken': '@GetAntiForgeryToken()'
                            },
                            method: 'post',
                            data: dataSend,
                            cache: false

                        });
                        break;
                }
            }
        }
        function show(value) {
            var text = $(".panel" + value + "");
            if (text.is(':hidden')) {
                if ($(".panel" + value + "").text().trim() == "") {
                    loaddata(value);
                    if (tick != "0") {
                        UpdateData(tick);
                    }
                    $(document).ajaxComplete(function () {
                        arr1 = checkchange(value);
                    });
                } else {
                    arr1 = checkchange(value);
                }
                text.slideDown('200');
                $("#" + value + "").children('span').html('-');

            } else {
                arr2 = checkchange(value);
                if (!checkarr(arr1, arr2)) {
                    UpdateData(value);

                }
                text.slideUp('200');
                $("#" + value + "").children('span').html('+');
            }
        };
        function ClickButton() {
            $("#divLoading").show();
            var dataSend = {
                'HOUSEHOLD_ID': $("#HOUSEHOLD_ID").val(),

            };
            var jqXHR = $.ajax({
                url: '@Url.Action("ReviewBack", "Online")',
                dataType: 'html',
                headers: {
                    'VerificationToken': '@GetAntiForgeryToken()'
                },
                method: 'post',
                cache: false,
                data: dataSend,
                success: function myfunctionSuccess(data, textStatus, jqXHR) {
                    $('#formLogin').html(data);
                },
                complete: function (jqXHR, textStatus) {
                    $("#divLoading").hide();
                    $("#btnBack").removeAttr("disabled");
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    alert('Có lỗi xảy ra trong quá trình lưu thông tin: ' + errorThrown);
                },

            });
        }
        $("#btnQL").click(function () {
            if (tick != "0") {
                if (checkhtml()) {
                    alert("Dữ liệu nhập không được có ký tự '<' ở đầu.");
                } else {
                    UpdateData(tick);

                }

            }
            window.location.href = '@Url.Action("SubmitNew","Online")';
            

        });

    });
</script>
<style>
    #toggle-view {
        list-style: none;
        font-family: arial;
        font-size: 11px;
        margin: 0;
        padding: 0;
        /*width: 10%;*/
    }

        #toggle-view li {
            margin: 10px;
            border-bottom: 1px solid #ccc;
            position: relative;
            cursor: pointer;
        }

        #toggle-view h3 {
            margin: 0;
            font-size: 17px;
        }

        #toggle-view span {
            position: absolute;
            right: 5px;
            top: 0;
            color: black;
            font-size: 18px;
        }

        #toggle-view .panel {
            margin: 5px 0;
            display: none;
        }

        #toggle-view .panelttcn, .panelttks, .panelttcd, .panelttmd, .panelttnlh, .paneltttthn, .paneltttt1,
        .paneltttt2, .paneltttcc, .paneltthc, .panelttlv, .panelttla, .panelttme, .panelttin, .panelttch {
            margin: 5px 0;
            display: none;
        }
</style>
<div class="row margin-top-20">
    <div class="col-md-12">
        <center>
            <h3>Màn hình Xem lại thông tin</h3>
            <h4 id="ten">@Model.NAME</h4>
        </center>
    </div>
</div>
<div class="row margin-top-20 mnResident">
    <div class="col-md-12" id="mainForm">
        <ul id="toggle-view">
            <li>
                <div id="ttcn">
                    <h3>Thông tin cá nhân</h3>
                    <span>+</span>
                </div>
                <div class="panelttcn">

                </div>

            </li>
            <li>
                <div id="ttks">
                    <h3>Thông tin khai sinh</h3>
                    <span>+</span>
                </div>
                <div class="panelttks">

                </div>
            </li>
            <li>
                <div id="ttcd">
                    <h3>Thông tin cha đẻ</h3>
                    <span>+</span>
                </div>
                <div class="panelttcd">

                </div>
            </li>
            <li>
                <div id="ttmd">
                    <h3>Thông tin mẹ đẻ</h3>
                    <span>+</span>
                </div>
                <div class="panelttmd">

                </div>
            </li>
            <li>
                <div id="ttnlh">
                    <h3>Thông tin người liên hệ</h3>
                    <span>+</span>
                </div>
                <div class="panelttnlh">

                </div>
            </li>
            <li>
                <div id="tttthn">
                    <h3>Thông tin tình trạng hôn nhân</h3>
                    <span>+</span>
                </div>
                <div class="paneltttthn">

                </div>
            </li>
            <li>
                <div id="tttt1">
                    <h3>Thông tin thường trú 1</h3>
                    <span>+</span>
                </div>
                <div class="paneltttt1">

                </div>
            </li>
            <li>
                <div id="tttt2">
                    <h3>Thông tin thường trú 2</h3>
                    <span>+</span>
                </div>
                <div class="paneltttt2">

                </div>
            </li>
            <li>
                <div id="tttcc">
                    <h3>Thông tin về thẻ căn cước CMND</h3>
                    <span>+</span>
                </div>
                <div class="paneltttcc">

                </div>
            </li>
            <li>
                <div id="ttlv">
                    <h3>Thông tin Trình độ</h3>
                    <span>+</span>
                </div>
                <div class="panelttlv">

                </div>
            </li>
            <li>
                <div id="ttla">
                    <h3>Thông tin Lao động và việc làm</h3>
                    <span>+</span>
                </div>
                <div class="panelttla">

                </div>
            </li>
            <li>
                <div id="ttme">
                    <h3>Thông tin Y tế</h3>
                    <span>+</span>
                </div>
                <div class="panelttme">

                </div>
            </li>
            <li>
                <div id="ttin">
                    <h3>Thông tin Bảo hiểm</h3>
                    <span>+</span>
                </div>
                <div class="panelttin">

                </div>
            </li>
        </ul>
    </div>
</div>
<div>
    @Html.HiddenFor(model => model.RESIDENT_ID)
</div>
<div style="text-align:center;">
    @*<button class="btn btn-sm" id="btnQL" style="background-color: #2664B7; color:#ffffff; min-width:100px;"><i class="fa fa-angle-double-left"></i> Quay lại</button>*@
    <input type="button" id="btnQL" style="background-color: #2664B7; color:#ffffff; min-width:100px;" value="<< Quay lại">
</div>
<div class="hidden-sm hidden-xs" style="height:50px;"></div>
